@import url('../core/base.css');

/* EXTENSION */
#extension .title { 
    background: #cbdec4;
    color: black;
}

#mobile { 
    text-align: center;
    background:#fff; 
    border: 1px solid #e0eadc;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; 
    width: 520px;
    height: 235px;
}

#mobile-users {
    float: left;
    width: 50%;
    overflow-x:hidden;
    overflow-y:auto;
    cursor: pointer;
    height: 190px;
}

#users-table-entry {
    font-size: 12px;
    cursor: pointer;
}

#users-table-entry:hover {
    background: #35a;
    color: white;
}

#destination {
    font-size: 12px;
    background: #987;
    color: white;
}
#mobile-box {
    float: right;
    width: 45%; 
    margin-left: auto;
    height: 190px;
}

#chunks-number {
    font-size: 16pt;
    color: white;
    background: #8d4;
    max-width: 30px;
    margin:auto;
    margin-top: 10px;
}

#users-allowed { 
    text-align: center;
    background:#fff;
    border: 1px solid #e0eadc;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; 
    width: 250px;
    float: left;
    margin-top: 15px;
}

#users-waiting { 
    text-align: center;
    background:#e0eadc;
    border: 1px solid #e0eadc;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; 
    width: 250px;
    min-height: 140px;
    margin-left: 270px;
    margin-top: 15px;
}

#users-allowed-entry {
    font-size: 12px;
    cursor: pointer;
}

#users-allowed-entry:hover {
    background: #0aa;
    color: white;
}

#users-waiting-entry {
    font-size: 12px;
    cursor: pointer;
}

#users-waiting-entry:hover {
    background: #909;
    color: white;
}

#form-new-user { 
    text-align: center;
    background:#e0eadc;
    border: 1px outset #ccc;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
    margin-top: 7px;
    margin-left: 270px;	
    width: 250px;
}